{% extends "base.html" %}
{% load i18n imagequery_tags %}

{% block extrahead %}
{% comment %}
    <script type="text/javascript">
        $(document).ready(function() {
            $('#featured #slides').cycle({
                fx: 'fade',
                speed: 900,
                prev: '#featured #prev',
                next: '#featured #next',
                pager: '#featured #slider'
            });
        });
    </script>
{% endcomment %}
{% endblock %}

{% block breadcrumbs %}
    {% blocktrans %}Sie befinden sich hier: <a href="/" title="">fha-django-gallery</a> &raquo; <a href="/" title="">Startseite</a>{% endblocktrans %}
{% endblock %}

{% block content %}
    {% for gallery in galleries %}
        <h2><a href="{% url gallery_detail slug=gallery.slug %}">{{ gallery.name }} ({{ gallery.album.all.count }} Bilder)</a></h2>
        {% for image in gallery.album.all %}
            <div class="image-index"><a href="{% url gallery_detail slug=gallery.slug %}"><img src="{% image_format 'gallery_index' image.image %}" alt="" /></a></div>
        {% endfor %}
        <div class="clear"></div>
        <hr/>
    {% endfor %}
{% comment %}
    <div id="featured">
        <div id="slider"> </div>
        <a id="prev"> </a>
        <a id="next"> </a>
        <div id="slides">
            <div class="post" style="background-image: url({{ MEDIA_URL }}lib/images/test/webmasterpro.jpg);">
                <div class="overlay">
                    <h2><a href="#" title="">{% trans "Artikel auf Webmasterpro.de" %}</a></h2>
                    <p>Auf webmasterpro.de – Das Portal für Webentwickler, Webdesigner und Webmaster – veröffentliche ich hin und wieder einige Fachartikel zu Themen...</p>
                </div>
            </div>
            <div class="post" style="background-image: url({{ MEDIA_URL }}lib/images/test/css3.jpg);">
                <div class="overlay">
                    <h2><a href="#" title="">{% trans "CSS3 und Box Shadows" %}</a></h2>
                    <p>Wer ist es nicht langsam leid, immer wieder die tollen Photoshop Designvorlagen zu slicen nur um damit viele einzelne Bilder...</p>
                </div>
            </div>
            <div class="post" style="background-image: url({{ MEDIA_URL }}lib/images/test/statistiken.jpg);">
                <div class="overlay">
                    <h2><a href="#" title="">{% trans "Das Jahr 2010 in der Statistik" %}</a></h2>
                    <p>Der letzte Tag im Jahr, überall wurden wir schon mit Rückblicken und Statistiken über das Jahr 2010 genervt. Für mich,...</p>
                </div>
            </div>
        </div>
    </div>
    <h3>Neueste Artikel:</h3>
    <div class="post-entry clearfix">
        <div class="thumbnail left">
            <img src="{{ MEDIA_URL }}lib/images/test/semantik.jpg" alt="" width="130" height="130" />
            <a href="#" title=""><span class="overlay">Image Overlay</span></a>
        </div>
        <h2><a href="#" title="">Warum semantischer Code wichtig ist</a></h2>
        <p class="meta">von <a href="#" title="">Marc Rochow</a> am 05. Dezember 2010 in <a href="#" title="">Webentwicklung</a> | <a href="#">3 Kommentare</a></p>
        <p class="post-content">Auf vielen Webseiten sieht man immer wieder "valides (X)HTML" und viele Diskussionen bringen immer wieder das Argument das valider (X)HTML-Code auch guter Code sei. Dies ist aber nicht richtig! Auf...</p>
        <p class="read-more"><a href="#" title="">weiterlesen &raquo;</a></p>
        <div class="clear"> </div>
    </div>
    <div class="post-entry clearfix">
        <div class="thumbnail left">
            <img src="{{ MEDIA_URL }}lib/images/test/wordpress-permalink.jpg" alt="" width="130" height="130" />
            <a href="#" title=""><span class="overlay">Image Overlay</span></a>
        </div>
        <h2><a href="#" title="">WordPress Permalink Struktur ändern ohne Google zu ärgern</a></h2>
        <p class="meta">von <a href="#" title="">Marc Rochow</a> am 22. Oktober 2010 in <a href="#" title="">SEO</a> | <a href="#">3 Kommentare</a></p>
        <p class="post-content">Besucherfreundliche und vor allem Suchmaschinenfreundliche URLs sind wichtig, zum einen um den Besucher nicht mit komischen Zeichenketten wieder zu verjagen und andererseits um seinen PageRank bei Suchmaschinen wie Google, Bing, Yahoo und...</p>
        <p class="read-more"><a href="#" title="">weiterlesen &raquo;</a></p>
        <div class="clear"> </div>
    </div>
    <div class="post-entry clearfix">
        <div class="thumbnail left">
            <img src="{{ MEDIA_URL }}lib/images/test/epsilon.png" alt="" width="130" height="130" />
            <a href="#" title=""><span class="overlay">Image Overlay</span></a>
        </div>
        <h2><a href="#" title="">Es sei Epsilon kleiner Null</a></h2>
        <p class="meta">von <a href="#" title="">Marc Rochow</a> am 09. Oktober 2010 in <a href="#" title="">Wissenschaft</a> | <a href="#">0 Kommentare</a></p>
        <p class="post-content">Ein Experimentalphysiker, ein theoretischer Physiker und ein Mathematiker nehmen an einem Experiment teil: Jeder wird in einer Zelle für drei Tage eingeschlossen, mit einem Stück Kreide und einer Dose Bohnen.... </p>
        <p class="read-more"><a href="#" title="">weiterlesen &raquo;</a></p>
        <div class="clear"> </div>
    </div>
    <div class="post-entry clearfix">
        <div class="thumbnail left">
            <img src="{{ MEDIA_URL }}lib/images/test/tschernobyl.jpg" alt="" width="130" height="130" />
            <a href="#" title=""><span class="overlay">Image Overlay</span></a>
        </div>
        <h2><a href="#" title="">Tschernobyl – Mahnmal der Atomenergie</a></h2>
        <p class="meta">von <a href="#" title="">Marc Rochow</a> am 28. September 2010 in <a href="#" title="">Leben</a> | <a href="#">2 Kommentare</a></p>
        <p class="post-content">Am 26. April 1986 ereignete sich die größte nukleare Katastrophe in der Geschichte der Menschheit. Damals passierte der sogenannte Super-GAU, der größte anzunehmende Unfall. Damals reihten sich Planungs- und Konstruktionsfehler,... </p>
        <p class="read-more"><a href="#" title="">weiterlesen &raquo;</a></p>
        <div class="clear"> </div>
    </div>
    <div class="post-entry last clearfix">
        <div class="thumbnail left">
            <img src="{{ MEDIA_URL }}lib/images/test/datenschutz.jpg" alt="" width="130" height="130" />
            <a href="#" title=""><span class="overlay">Image Overlay</span></a>
        </div>
        <h2><a href="#" title="">Die Wahrheit über den Schutz unserer Daten</a></h2>
        <p class="meta">von <a href="#" title="">Marc Rochow</a> am 20. August 2010 in <a href="#" title="">Computer</a> | <a href="#">2 Kommentare</a></p>
        <p class="post-content">Nachdem ja Google Street View laut Politik und Medien der Teufel in Bezug auf den Datenschutz ist, versuche ich einfach mal euch zu erläutern, das, egal was ihr mit euren... </p>
        <p class="read-more"><a href="#" title="">weiterlesen &raquo;</a></p>
        <div class="clear"> </div>
    </div>
    <a class="button more" href="#" title="">Alle Artikel anzeigen</a>
{% endcomment %}
{% endblock %}

{% comment %}
{% block sidebar %}
    <div class="widget">
        <h3>Letzte Artikel</h3>
        <ul>
            <li><a href="#" title="">Artikel auf Webmasterpro.de</a></li>
            <li><a href="#" title="">CSS3 und Box Shadows</a></li>
            <li><a href="#" title="">Das Jahr 2010 in der Statistik</a></li>
            <li><a href="#" title="">Warum semantischer Code wichtig ist</a></li>
            <li><a href="#" title="">WordPress Permalink Struktur ändern ohne Google zu ärgern</a></li>
            <li><a href="#" title="">Es sei Epsilon kleiner Null</a></li>
            <li><a href="#" title="">Tschernobyl – Mahnmal der Atomenergie</a></li>
        </ul>
    </div>
    <div class="widget">
        <h3>Kommentare</h3>
        <ul>
            <li><a href="#" title="" rel="no-follow">Hermes Laws</a> bei <a href="#" title="">Gott würfelt doch!</a></li>
            <li><a href="#" title="" rel="no-follow">Manuela</a> bei <a href="#" title="">Warum semantischer Code wichtig ist</a></li>
            <li><a href="#" title="" rel="no-follow">mmmbop</a> bei <a href="#" title="">Hassliebe</a></li>
            <li><a href="#" title="" rel="no-follow">Lara</a> bei <a href="#" title="">Hassliebe</a></li>
            <li><a href="#" title="" rel="no-follow">Pain</a> bei <a href="#" title="">Hassliebe</a></li>
            <li><a href="#" title="" rel="no-follow">Sex-Guru</a> bei <a href="#" title="">Was wir aus Pornos lernen</a></li>
            <li><a href="#" title="" rel="no-follow">Marc Rochow</a> bei <a href="#" title="">Warum semantischer Code wichtig ist</a></li>
        </ul>
    </div>
    <div class="widget">
        <h3>Lorem Ipsum</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat.</p>
    </div>
    <div class="widget advertise">
        
    </div>
    <div class="widget">
        <h3>Links</h3>
        <ul>
            <li><a href="http://www.tortugabay.org/" title="Tortugabay">Tortugabay</a></li>
            <li><a href="http://www.webmasterpro.de/" title="Webmasterpro.de">Webmasterpro</a></li>
            <li><a href="http://www.team23.de/" title="Team23 Webagentur">Team23 Webdesign</a></li>
            <li><a href="http://xcrypt.net/" title="Xcrypt.net">Xcrypt.net</a></li>
            <li><a href="http://wiedi.frubar.net" title="Wiedis Blog">Wiedi</a></li>
            <li><a href="http://www.cyber-tec.org/" title="Cyber-Tec">Dr. Scream</a></li>
            <li><a href="http://www.marcel-volz.de/" title="Marcels Webseite">Marcel</a></li>
        </ul>
    </div>
    <div class="widget clearfix">
        <a href="http://djangopony.com/" title="Magic! Ponies! Django! Whee!"><img src="http://media.djangopony.com/img/small/badge.png" width="210" height="65" class="right" alt="pony powered" /></a>
    </div>
{% endblock %}
{% endcomment %}
